<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>边框</title>
<style>
body{ font-size:12px;}
.test{ width:500px; height:100px; border-width:15px;margin:5px; padding:10px; background:#69C; color:#FFF;}
.test1{  background:#FFF; color:#69C; }
.box{ zoom:1; margin-bottom:10px; overflow:auto;}
</style>
<link href="/test/liangdong/src/css/configpanel.css" type="text/css" rel="stylesheet" />
</head>

<body>
<div>
	border-image: source slice width outset repeat;
</div>
<div class="box">
    <div class="test" style="
        -moz-border-image:url(/test/liangdong/src/images/border.png) 190 190 round; /* Firefox */
        -webkit-border-image:url(/test/liangdong/src/images/border.png) 190 190 round; /* Safari and Chrome */
        border-image:url(/test/liangdong/src/images/border.png) 190 190 round;
    ">div 500 x 100<br/>
        -moz-border-image:url(/test/liangdong/src/images/border.png) 30 30 round; /* Firefox */<br/>
        -webkit-border-image:url(/test/liangdong/src/images/border.png) 30 30 round; /* Safari and Chrome */<br/>
        border-image:url(/test/liangdong/src/images/border.png) 30 30 round;
    </div>
</div>


<script type="text/javascript" src="/test/liangdong/src/js/mootools-core-1.3.2-yuimin.js"></script>
<script type="text/javascript" src="/test/liangdong/src/js/mootools-more-1.3.2.1-yuimin.js"></script>
<script type="text/javascript" src="/test/liangdong/src/js/configpannel.js"></script>
<script type="text/javascript">
(function(){
	
})();
</script>
</body>
</html>
